<template>
	<view>
		<!-- 头像 -->
		<view class="persontop">
			<view class="top">
				<view class="fuhao" @click="returnclick"><</view>
				<image src="/static/center.png" mode=""></image>
				<view class="top-first">赵小刚</view>
				<view class="top-second">销售部 销售经理</view>
			</view>
		</view>
		<!-- 基本信息-->
		<view class="bac bacgray">基本信息</view>
		<view class="bac backwhite">
			<view class="fixedwidth">性别</view>
			<view class="margin20">男</view>
		</view>
		<view class="bac backwhite">
			<view class="fixedwidth">生日</view>
			<view class="margin20">1984</view>
		</view>
		<view class="bac backwhite">
			<view class="fixedwidth">邮箱</view>
			<view class="margin20">win</view>
		</view>
		<view class="bac backwhite">
			<view class="fixedwidth">手机</view>
			<view class="margin20">180334</view>
		</view>
		<view class="bac backwhite">
			<view class="fixedwidth">微信</view>
			<view class="margin20">180334</view>
		</view>
		<view class="bac backwhite">
			<view class="fixedwidth">座机/分机</view>
			<view class="margin20">0755-88</view>
		</view>
		<!-- 更多信息 -->
		<view class="bac bacgray">更多信息</view>
		<view class="bac backwhite">
			<view class="fixedwidth">工号</view>
			<view class="margin20">1000001</view>
		</view>
		<view class="bac backwhite">
			<view class="fixedwidth">籍贯</view>
			<view class="margin20">湖北省</view>
		</view>
		<view class="bac backwhite">
			<view class="fixedwidth">毕业院校</view>
			<view class="margin20">清华大学</view>
		</view>
		<view class="bac backwhite">
			<view class="fixedwidth">毕业时间</view>
			<view class="margin20">2019-09</view>
		</view>
		<view class="bac backwhite">
			<view class="fixedwidth">学历</view>
			<view class="margin20">博士</view>
		</view>
		<view class="bac backwhite">
			<view class="fixedwidth">所学专业</view>
			<view class="margin20">人类学</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {
		returnclick(){
			uni.navigateBack({
			    delta: 1
			});
		}
	}
};
</script>

<style lang="scss" scoped>
.persontop {
	width: 750rpx;
	height: 560rpx;
	background-color: #e4e4e4;

	.top {
		width: 250rpx;
		height: 200rpx;
		margin: 0 auto;
		position: relative;
		top: 100rpx;
		text-align: center;
		font-size: 14px;
		line-height: 40rpx;
		image {
			width: 50px;
			height: 50px;
		}
		.fuhao {
			font-size: 28px;
			font-weight: 400;
			position: absolute;
			top: 0;
			left: -200rpx;
		}

		.top-first {
			margin-top: 20rpx;
			font-size: 18px;
			font-weight: 700;
			line-height: 22px;
			color: #ffffff;
		}
		.top-second {
			line-height: 24px;
			color: #ffffff;
		}
	}
}
.bac {
	width: 750rpx;
	height: 100rpx;
	padding-left: 40rpx;
	line-height: 100rpx;
	border-bottom: 1px solid #f2f2f2;
	display: flex;
}
.bacgray {
	border-top: 1px solid #f2f2f2;
	background-color: #f9f9f9;
}
.backwhite {
	background-color: #ffffff;
}
.margin20 {
	margin-left: 40rpx;
}
.fixedwidth {
	width: 200rpx;
}
</style>
